/* Global */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab&subset=vietnamese);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);	/* not support unicode */

/*
@font-face {
    font-family: 'Victorian';
    src: url('../fonts/victoria-webfont.eot');
    src: url('../fonts/victoria-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/victoria-webfont.woff') format('woff'),
         url('../fonts/victoria-webfont.ttf') format('truetype'),
         url('../fonts/victoria-webfont.svg#victorianplain') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

body { font: 100%/1.618 'Roboto Slab', sans-serif; background: #272727 url('../img/bgmain.png') }
h1, h2, h3 { line-height: 1.618; margin: 20px 0 }
iframe { max-width: 100% !important }
#loading {position:fixed;top:50%;left:50%;margin-top:-40px;margin-left:-40px;display:none;}
/* a { color: color: #37AC72; } */

/* Header */
.intro { text-align: center; padding: 20px 0 30px }
.intro h1 { color: #FA5735; font-family: 'Great Vibes'; font-weight: bold; font-size: 100px; line-height: 120px }
.intro h2 { text-transform: uppercase; font-size: 19px; letter-spacing: 4px }

/* Menu */
.navbar { background: transparent url("../img/nav-bg.png") repeat-x left -22px; padding-bottom: 20px }
.navbar-inner { background-color: transparent; background-image: none; border: none; padding: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.navbar .nav > li > a { color: #37AC72; text-shadow: none; font-family: 'Great Vibes'; font-size: 25px; display: inline }
.navbar .nav > li > a:hover { color: #24724C; text-decoration: none }

/* Search */
.search { float: right; margin-bottom: 0 }
.search input { border-radius: 15px; font-size: 12px; height: 25px; line-height: 25px; padding: 0 10px; margin-bottom: 0; background-color: #F0E9D3; }
.search input:focus { outline: none }

/* Toolbar */
.toolbar { margin-bottom: 10px }
.toolbar span { display: inline-block; margin-right: 5px }
.toolbar select { background-color: #F0E9D3; border-radius: 3px; padding: 2px; height: 30px; line-height: 30px; width: auto; min-width: 150px }

/* Post List */
.list-view .summary { text-align: left }
.post-title { color: #FA5735; border-bottom: 2px solid #008000; padding: 0 20px 5px 5px; line-height: 1.3; word-wrap: break-word;
/*font-family: 'Victorian'; font-size: 40px; */
font-family: 'Calibri'; font-size: 30px; 
}
.post-title .icon-edit { vertical-align: middle }

.post { margin-bottom: 30px }
.post .date { color: #FFC0CB; font-family: Comic Sans MS; font-size: 18px; font-style: italic }
.post pre { word-wrap: normal; white-space: pre; word-break: normal; overflow: auto }

/* Paging */
.pagination ul > li.hidden { display: none; }
.pagination ul > li a { 
background-color:#3E4347; 
border:1px solid #32373B; 
border-radius: 3px; 
box-shadow:0 1px 1px rgba(255,255,255,0.1) inset, 0 1px 3px rgba(0,0,0,0.1); 
color:#FEFFFF; 
text-shadow:0 1px 0 rgba(0,0,0,0.5); 
font-family: Tahoma; 
font-size: 12px; 
padding: 0 9px; 
margin-right: 4px 
}
.pagination ul > li > a:hover {
    background-color: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.pagination ul > li.selected a { background-color:#2F3237; border: none; box-shadow:0 0 8px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.1); }

/* Sidebar */
.box { margin-bottom: 20px }
.box-title { position: relative }
.box-title h3 { font-family: 'Great Vibes'; font-size: 35px; color: #ADCD37; margin: 0 }
#sidebar label { display: inline-block; margin-bottom: 0 }
#sidebar input[type="radio"], 
#sidebar input[type="checkbox"] { margin: 0 0 4px }
#sidebar span.count {color:#37AC72;font-family:Tahoma;font-size:12px;padding-left:4px;}
.clear-btn { position: absolute; right: 30px; top: 8px; }
ul.tree, ul.tree ul { list-style: none }
ul.tree { margin-left: 0 }
ul.tree .selected { color: #FA5735 }

/* Dialog */
.dialog .icon-edit { vertical-align: middle }
.dialog .btn { padding: 4px 10px; line-height: 20px }
.dialog .modal-header { padding-bottom: 0; border-bottom: none }
.dialog .modal-header h4 { margin: 0 }
.dialog .nav-tabs > li > a { padding: 2px 10px; outline: none }
.dialog .controls label { display: inline; margin: 0 }
.dialog input[type="radio"], 
.dialog input[type="checkbox"] { margin-top: -4px ; }

/* Tab */
.nav-tabs > li > a { font-size: 14px; border-radius: 0 }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background-color: white }

/* Phone View */
@media (max-width:767px) {
	.navbar { background-image: none; margin-bottom: 0; padding-bottom: 0 }
	.navbar .nav > li { width: 100%; border-bottom: solid 1px #37AC72; margin-bottom: 20px; text-align: center }
	.search input { margin: 0 auto; display: block }
	.search { width: 100%; }
	.toolbar span { min-width: 100px }
}

/* Tablet view */
@media (min-width:768px) and (max-width:979px) {
}